<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>校园快递首页</title>
    
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat:400,700' >
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">

	<link rel="stylesheet" href="css/header.css"/>
	<link rel="stylesheet" href="css/indexuser.css"/>
	<link rel="stylesheet" href="css/footer.css"/>
	<link rel='stylesheet' href="css/style.css" />


</head>
<body>
	
	<div id="app">

		<!--页眉-->
		<my-header></my-header>

		<main role="main">

			<div id="myCarousel" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
				</ol>
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img class="first-slide" src="" alt="First slide">
						<div class="container">
							<div class="carousel-caption text-left">
								<h1>Example headline.</h1>
								<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
								<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<img class="second-slide" src="" alt="Second slide">
						<div class="container">
							<div class="carousel-caption">
								<h1>Another example headline.</h1>
								<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
								<p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
							</div>
						</div>
					</div>
					<div class="carousel-item">
						<img class="third-slide" src="" alt="Third slide">
						<div class="container">
							<div class="carousel-caption text-right">
								<h1>One more for good measure.</h1>
								<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
								<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
							</div>
						</div>
					</div>
				</div>
				<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
					<span class="carousel-control-prev-icon" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
					<span class="carousel-control-next-icon" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>


			<!-- Marketing messaging and featurettes
            ================================================== -->
			<!-- Wrap the rest of the page in another container to center all the content. -->

			<div class="container marketing">

				<!-- Three columns of text below the carousel -->
				<div class="row">
					<div class="col-lg-4">
						<img class="rounded-circle" src="" alt="Generic placeholder image" width="140" height="140">
						<h2>帮我买</h2>

						<p>美食生鲜百货 想购就购<br/> 足不出户 轻松购遍全城</p>
						<p><a class="btn btn-secondary" href="#" role="button">名吃美味，吃遍全城大小美食<br/>紧急药品，2小时快速急救 &raquo;</a></p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-4">
						<img class="rounded-circle" src="" alt="Generic placeholder image" width="140" height="140">
						<h2>帮我送</h2>

						<p>没有时间 不想出门<br/>call一下 送啥都快</p>
						<p><a class="btn btn-secondary" href="#" role="button">鲜花蛋糕美食，新鲜及时送达<br/>手机数码，完全有保障<br/>紧急物品，及时可靠 &raquo;</a></p>
					</div>
					<div class="col-lg-4">
						<img class="rounded-circle" src="" alt="Generic placeholder image" width="140" height="140">
						<h2>帮我取</h2>
						<p>文件课本药匙 让学习更便利<br/>随时随地 24小时贴心服务</p>
						<p><a class="btn btn-secondary" href="#" role="button">课本笔记取松，安全高效<br/>紧急物品，及时可靠 &raquo;</a></p>
					</div>
				</div>

				<hr class="featurette-divider">

				<div class="row featurette">
					<div class="col-md-7">
						<h2 class="featurette-heading">美食 <span class="text-muted">帮你买</span></h2>
						<p class="lead">想吃美味的法国牛排,交给我们吧</p>
						<a href="single.html" class="btn3">Ordering</a>
						<p class="price">$100.00</p>
					</div>
					<div class="col-md-5">
						<img class="featurette-image img-fluid mx-auto" src="img/美食.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
					</div>
				</div>

				<hr class="featurette-divider">

				<div class="row featurette">
					<div class="col-md-7 order-md-2">
						<h2 class="featurette-heading">蛋糕 <span class="text-muted">帮你送</span></h2>
						<p class="lead">在第一时间帮你送到你想吃的蛋糕</p>
						<a href="single.html" class="btn3">Ordering</a>
						<p class="price">$100.00</p>
					</div>
					<div class="col-md-5 order-md-1">
						<img class="featurette-image img-fluid mx-auto" src="img/蛋糕.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
					</div>
				</div>

				<hr class="featurette-divider">

				<div class="row featurette">
					<div class="col-md-7">
						<h2 class="featurette-heading">课本 <span class="text-muted">帮你取</span></h2>
						<p class="lead">安全可靠,速度如闪电</p>
						<a href="single.html" class="btn3">Ordering</a>
						<p class="price">$100.00</p>
					</div>
					<div class="col-md-5">
						<img class="featurette-image img-fluid mx-auto" src="img/课本.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
					</div>
				</div>

				<hr class="featurette-divider">

				<div class="row featurette">
					<div class="col-md-7 order-md-2">
						<h2 class="featurette-heading">车票 <span class="text-muted">帮你买</span></h2>
						<p class="lead">无论路途多遥远,在最快的时间帮你买到车票</p>
						<a href="single.html" class="btn3">Ordering</a>
						<p class="price">$100.00</p>
					</div>
					<div class="col-md-5 order-md-1">
						<img class="featurette-image img-fluid mx-auto" src="img/车票.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
					</div>
				</div>

				<hr class="featurette-divider">

				<div class="row featurette">
					<div class="col-md-7">
						<h2 class="featurette-heading">鲜花 <span class="text-muted">帮你送</span></h2>
						<p class="lead">有相送给朋友的鲜花,交给我们,保证快速送达</p>
						<a href="single.html" class="btn3">Ordering</a>
						<p class="price">$100.00</p>
					</div>
					<div class="col-md-5">
						<img class="featurette-image img-fluid mx-auto" src="img/鲜花.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
					</div>
				</div>

				<hr class="featurette-divider">



			</div>
		</main>

		 <!--页脚-->
	   	<my-footer></my-footer>
	</div>


    <!-- Jquery和Bootstrap和vue -->

	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
	<script src="https://cdn.bootcss.com/holder/2.9.4/holder.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	<script src="js/header.js"></script>
	<script src="js/footer.js"></script>
	<script src="js/index.js"></script>

	<script src="js/responsive-nav.js"></script>
	<script src="js/classie.js"></script>
	<script src="js/uisearch.js"></script>
	<script>
        new UISearch( document.getElementById("sb-search") );
	</script>
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<script src="js/login.js"></script>
	<script src="js/jquery.easydropdown.js"></script>
	<!--Animation-->
	<script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>
	<script>
        new WOW().init();
	</script>
	

     
</body>
</html>